#navbar-iframe{height:0px;visibility:hidden;display:none}.feed-links{display:none}
a:link{color:#999999;$linkcolor;text-decoration:none}a:visited{font-size: 13px;color:#999999;$visitedlinkcolor;#999999;text-decoration:line-through;}a:hover{color:#cccccc;font-size:none;text-decoration:none;}a img{border-width:0}


/* Menu */

#menu-wrapper {
	overflow: hidden;
	height: 45px;
background: url(http://1.bp.blogspot.com/-MnPL-KHJ_NE/UYCVU4jFVtI/AAAAAAAAIes/Man5_3x3CIs/s1600/bgmenu.png);background-position:bottom;z-index:100;
  position:relative;
}

#menu {
	overflow: hidden;
	height: 45px;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {font-family:arial;font-weight:bold;
	display: block;
	padding: 0px 30px;
	line-height: 35px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	
	color: #777777;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #333333;
}

#menu .current_page_item a {
}

#menu_bottom{bottom:0px;position:fixed;}
#menu_bottom{  bottom: 0;  left: 0;  float:left; width:100%; height: 26px;padding:0px;margin:0 auto; overflow:auto;overflow:hidden;border-top: 1px solid #989797;background:#777777; z-index:100; }
#menu_bottom ul{ margin:0; padding:0; list-style:none}
#menu_bottom ul li{padding:0px;  margin:0px;  display:inline;}
#menu_bottom ul li a{border:solid 1px transparent;float:left; display:block; margin:3px; padding:0px;font:normal bold 15px Arial,Sans-Serif;text-align:center;text-decoration:none; color:#fff;  font-weight:bold; outline:none;}
#menu_bottom ul li a:hover {color:#B8B7B7}
#clock { font:normal bold 13px Arial,Sans-Serif; color:#fff;}
.log {  right: 90px; z-index:9999; }

#container-header{width:1000px;height:100%;margin:auto;display:block;overflow:hidden;}
#name-coffee{font-size:98px;
  font-family:Another Typewriter,GungsuhChe;margin: 30px 0px 0px 0px;color:#9B9A9A;letter-spacing:-5px;position:relative;z-index:999}
#coffee{background : url(http://1.bp.blogspot.com/-6ycfTKNLjTo/UYCFbxMzPRI/AAAAAAAAIdE/f54nqpZgbKw/s1600/coffee.png) no-repeat;position:relative;float:right;width:383px;height:431px;margin:-240px 80px 0px 0px}

#line1{background : url(http://4.bp.blogspot.com/-k_ADZeZEFI0/UYCM6xw7yLI/AAAAAAAAIdk/zZsyzwIrf9k/s1600/line1.png) no-repeat;float:right;width:62px;height:462px;margin:-300px -450px 0px 0px;-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;}
#line1:hover{margin:-290px -450px 0px 0px}

#line2{background : url(http://4.bp.blogspot.com/-Q100THPsLD8/UYCPL8-ZZ_I/AAAAAAAAId0/7yQplfBGYF0/s1600/line2.png) no-repeat;float:right;width:68px;height:843px;margin:-500px -320px 0px 0px;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}

 /*-- POST--*/
.post-wrapper{display:block;font-size:15px;font-weight:normal;}
.post{text-align:left}
#outer-wrapper {width:100%;margin:0 auto;padding:0 auto;text-align:$startSide;font: $bodyfont;
background: transparent}
.post h3 {margin:.2em 0 1px;padding:2px 2px 2px 2px;font-weight:normal;color:#9B9A9A;font-family:Another Typewriter, Arial, sans-serif;font-size:28px;width:100%;}

.post h3 a, .post h3 a:visited, .post h3 strong{width:auto;text-decoration:none;font-family:Another Typewriter, Arial, sans-serif;font-size:28px;color:#9B9A9A;text-transform:none;
background: -moz-linear-gradient(left, rgba(201,201,201,0.5) 0%, rgba(201,201,201,0.1) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(201,201,201,0.5)), color-stop(100%,rgba(201,201,201,0.1)));
background: -webkit-linear-gradient(left, rgba(201,201,201,0.5) 0%,rgba(201,201,201,0.1) 100%);background: -o-linear-gradient(left, rgba(201,201,201,0.5) 0%,rgba(201,201,201,0.1) 100%);padding:5px
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;}


.post h3 strong, .post h3 a:hover{color:#666666;margin-left:2px;}
.post-footer {display:none;}.post-labels {display:none;}
/*FOOTER AND CREDIT */

#footer-content {background:
url(http://2.bp.blogspot.com/-7k9TM3KrQaA/UYDSFAIO5mI/AAAAAAAAIe8/WEeFDKIqHyQ/s1600/footer.png) no-repeat top center;background-position: top center;background-size: 100%;height:180px;width:100%;}

#footer-wrapper {width:100%; margin: 0 auto;
background:cccccc; margin-top:5px;border-top: 4px solid #222;border-bottom: 1px solid #444;}
#footer {color:white;font-size:14px;margin:0 auto;text-align:left;width:960px;}
#footer-wrapper #Text1 {margin-right:0px;}
#footer-wrapper .widget {float:left;margin-right:20px;padding:15px 15px 0 15px;width:28%;}
#footer-wrapper ul li {font-family:calibri,Georgia, serif;border-bottom:1px dashed #444;font-size:12px;padding-left:1px;margin-left:0px;line-height:1.8em;padding:2px 0 2px 0px;list-style-type: none;}
#footer-wrapper ul {padding-left:1px;margin-left:0px;margin:0;padding:0;}
#footer-wrapper a { color:#fff; text-decoration:none;}
#footer-wrapper a:hover { color:#999; text-decoration:none;}
#footer-wrapper h2 {color:#eeeeee;font-family: Verdana,sans-serif;font-size:20px;border-bottom: 1px solid #444;font-weight:normal;letter-spacing:-0.01em;margin:5px 0 5px;padding-bottom:5px;text-align:left;word-spacing:-1px;text-transform:uppercase;}

#credit {background: url(http://1.bp.blogspot.com/-MnPL-KHJ_NE/UYCVU4jFVtI/AAAAAAAAIes/Man5_3x3CIs/s1600/bgmenu.png); margin: 0 auto;padding: 12px 0px 0px 0px;width: 100%;height: 30px;font:normal normal 12px Calibri,Arial; font-variant: normal;clear:both;color:#fff;font-weight:normal;text-align:center;}
#credit p {margin: 0;padding: 0}#credit a:visited {font-variant: normal;}
#credit a,  .credit a:visited {color: #333333;font-weight:normal;text-decoration: none;font-variant: normal;}
#credit a:hover{color: #ffffff;text-decoration: underline;}

/*BLOG PAGER */
.blog-pager  {border: solid 1px transparent; height:21px;width:20px;overflow:hidden; position:fixed; bottom: 1px; right: 90px;
z-index:9999;}
#blog-pager-older-link a { border: solid 1px transparent;height:21px;width:20px; overflow:hidden; position:fixed;bottom: 1px;
 right: 90px;z-index:9999;background:url(http://4.bp.blogspot.com/-F8EZpY0NfsE/UNcvl4lJFzI/AAAAAAAADDk/jehp3OeVXhs/s1600/kanan.png) no-repeat transparent;text-indent:-9999px;}
#blog-pager-newer-link a { border: solid 1px transparent; height:21px; width:20px; overflow:hidden; position:fixed; bottom: 1px; right: 90px; z-index:9999; background:url(http://4.bp.blogspot.com/-GIOXvtMZKe0/UNcvnBZNXlI/AAAAAAAADDs/Zi58XuRRyco/s1600/kiri.png) no-repeat transparent; margin-right:43px;text-indent:-9999px;}

/*--SHOW KOMENT--*/
.comentshow {height:85%; width:90%; display: block;
 position: fixed;top:30px;left: 5%;right: 5%;display: none;
background: #fff url(http://2.bp.blogspot.com/-XXoLsW11e3I/UYEY-PblKBI/AAAAAAAAIfM/an7GQzRG8bM/s1600/body.png); border:1px solid #cccccc; border-radius:5px;overflow:hidden;
-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;z-index:999;}

#isicomentshow{height:86%;width:100%;display:block;overflow-y:auto;overflow-x:hidden;z-index:1000;}
#isicoment{height:100%;width:750px;z-index:1000;margin:auto;}

#judule{width:100%;height:30px;border-bottom:solid 1px #cccccc;font-family: Arial,Sans-Serif;font-weight: bold;font-size: 22px;padding:2px;
color:#8A8989;text-align:center;
background: rgb(214,214,214);
background: -moz-linear-gradient(top, rgba(214,214,214,1) 1%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(214,214,214,1)), color-stop(100%,rgba(237,237,237,1)));background: -webkit-linear-gradient(top, rgba(214,214,214,1) 1%,rgba(237,237,237,1) 100%);background: -o-linear-gradient(top,rgba(214,214,214,1)1%,rgba(237,237,237,1) 100%);}

#footer-coment{width:100%;height:30px;border-top:solid 1px #cccccc;font-family:arial;font-size:25px;padding:1px;
color:#333333;text-align:center;
background: rgb(237,237,237);
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(214,214,214,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(214,214,214,1)));
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%)
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(214,214,214,1) 100%)}

.Btx{ background:transparent url(http://1.bp.blogspot.com/-AIP2axH_QNQ/UYFd6MwiCEI/AAAAAAAAIfk/MHKHELfQpg0/s1600/close.png) no-repeat center;width:25px;height:25px;
 position: relative;margin-top:2px;float:right;display: inline-block; padding:0; margin-right:10px; cursor: pointer; text-indent: -999999px; -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;; filter: alpha(opacity=100);
 opacity: 1.7;  float: right;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}
.Btx:hover{opacity:0.5;background:transparent url(http://1.bp.blogspot.com/-AIP2axH_QNQ/UYFd6MwiCEI/AAAAAAAAIfk/MHKHELfQpg0/s1600/close.png) no-repeat center;width:25px;height:25px;
 position: relative;margin-top:2px;float:right;display: inline-block; padding: 0; margin-right:10px; cursor: pointer; text-indent: -999999px;
 float:right;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}
.mask {-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;text-transform:none;
background:rgba(0,0,0,.8);position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:none;z-index:100;}
.Btcoment { background:transparent url(http://2.bp.blogspot.com/-YKabxSIVw_0/UTmORnzihAI/AAAAAAAAH-M/QqMF9x44RKo/s1600/showcmt.png) no-repeat center;width:115px;height:25px;
 position: relative;display: inline-block; padding: 0; margin-right:60px; cursor: pointer; text-indent: -999999px; -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;; filter: alpha(opacity=100);
 opacity: 1.7;  float: right;right:90px;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}

.Btcoment:hover { background:transparent url(http://2.bp.blogspot.com/-YKabxSIVw_0/UTmORnzihAI/AAAAAAAAH-M/QqMF9x44RKo/s1600/showcmt.png) no-repeat center;width:115px;height:25px;
 position: relative;display: inline-block; padding: 0; margin-right:60px; cursor: pointer; text-indent: -999999px;opacity: 0.5;  float: right;right:90px;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}

#comments h4{color:#333333;font-size:20px; font-weight:normal; margin:20px 0}
#comments h4 a :visited {color:#333333;font-size:20px; font-weight:normal; margin:20px 0}
#comments h4 a :link {color:#333333;font-size:20px; font-weight:normal; margin:20px 0}
.cm_wrap {clear: both;margin-bottom:6px;float: right;width: 100%;}
.cm_head {margin-left: 5px;width:60px;float: left;}
.cm_avatar{width:47px;margin:0; vertical-align:middle;background-image: url(http://3.bp.blogspot.com/-30CWu8uMTMc/UK5Z5aWHVSI/AAAAAAAAF0Q/xj1IJUXm-8Y/s1600/profile.jpg); background-position:center; background-repeat:no-repeat; width:35px; height:35px;border:10px solid rgba(255,255,255,0.5);}
.cm_avatar_a{width:47px;margin:0; vertical-align:middle;background-position:center; background-repeat:no-repeat; width:35px; height:35px;border:6px solid rgba(255,255,255,0.5);}

.cm_entry{margin-left:0px;
background: #fff;border:solid 1px #cccccc; overflow:hidden;-moz-border-radius:2px;
-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px}

.cm_entry_a{background: #fff;border:solid 1px #cccccc; overflow:hidden;-moz-border-radius:2px;
-webkit-border-radius:2px;-o-border-radius:2px;-ms-border-radius:2px;border-radius:2px}

.cm_info{color:#333;margin-bottom:5px;border-bottom:solid 1px #ccc; padding:2px;font-family:arial font-weight:bold;}
.cm_info_a{color:#333;margin-bottom:5px;border-bottom:solid 1px #ccc; padding:2px;font-family:verdana,arial font-weight:bold;}

.cm_name{padding:3px;font-size:14px;color:#333;text-decoration:none;font-family:arial;float:left}

.cm_name a:link{font-size:14px;color:#333;text-decoration:none;font-family:verdana,arial;}
.cm_name a:hover{color:#cccccc}

.cm_name_a{padding:3px;font-family:arial font-weight:bold; font-size:14px;color:#333;text-decoration:none; font-weight:250; float:left}

.cm_name_a a:link {font-size:14px;color:#333;text-decoration:none;font-family:verdana,arial;}
.cm_name_a a:hover {color:#cccccc;}

.cm_date{font-family:verdana,arial; font-size:14px;color:#333333; text-decoration:none; float:right; padding:2px;margin-right:2px;}

.cm_date_a{font-family:verdana,arial; font-size:14px;color:#333333; text-decoration:none; float:right; padding:2px;margin-right:2px;}

.cm_entry p{padding-left:5px; clear:both;background-color:#; font-size:14px; color:#333333; word-wrap:break-word}


.cm_entry_a p{padding-left:5px; clear:both;font-family:verdana,arial;font-size:14px; color:#333333;word-wrap:break-word}

.cm_reply a{background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
padding:4px;font-family:verdana,arial;font-size:14px; color:#333333;word-wrap:break-word;}

.cm_reply a:hover{color:#999999}

div.comment-form-block{width:100%; margin: 0 auto;}div.comment-form-block p{color: #cccccc;font-family: 'Georgia';text-align: justify;font-size: 14px;text-align: left;}

/*--END FORM COMMENT--*/
/*--  ANIMASI BODY--*/
@keyframes myfirst
 { from{opacity:0;}
 to{opacity:10;}}
@-moz-keyframes myfirst{ from{opacity:0;}
 to{opacity:10;} }
@-webkit-keyframes myfirst{ from{opacity:0;}
 to{opacity:10;} }
@keyframes{ from{transform:translate(0px, 9000px)}
 to{transform:translate(0px, 0px)} }
@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}
 to{-moz-transform:translate(0px, 0px)}}
@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}
 to{-webkit-transform:translate(0px, 0px)}
 }
/*--  END ANIMASI BODY--*/
.status-msg-body {background:#333333;}
.status-msg-border{background:transparent;border:transparent;}
.status-msg-wrap{background:transparent;border:transparent;;}
.informasi { background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.6) 100%);border-top:solid 1px #000000;  height: 150px; padding: 0px 0px 0; position: fixed;bottom: 25px;left: 0; right: 0;display: none; z-index: 999; }
.isiinfo{width:100%;  height: 146px;}
#foto { float: left;background: url(http://4.bp.blogspot.com/-n2rhw5J1KuA/UK3BgTJ2dtI/AAAAAAAAFyY/iWZfULcVesg/s1600/cokilo.jpg) no-repeat;height: 146px;width: 123px; -webkit-background-size: 100% 100%;background-size: 100% 100%;
 margin: 0 10px 0 0; border-right: 3px solid #333333;  }
.informasiwidodo {margin-left:5px; float: left;height: 146px;padding:10px;
color:#fff;font-size:14px; font family:calibri;}
.informasiwidodo a:link { color: #fff;}.informasiwidodo a:visited  { color: #fff;}.info a, .info a:link, .info a:visited {color: #fff }

.Binformasi { background:transparent url(http://1.bp.blogspot.com/-zwt6aF1KjKI/UNcvk9ZJVJI/AAAAAAAADDY/sUxcKwcw4wc/s1600/info.png) no-repeat center;width:20px;height:25px; overflow:hidden;
  position:relative;cursor: pointer;margin-left:5px;text-indent: -999999px;-ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;; filter: alpha(opacity=100);
opacity: 1.7;  float: left;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;}

.quickedit{
display:none;}